{meta_html js $j_jelixwww.'jquery/jquery.js'}
{literal}
<script type="text/javascript">
//<![CDATA[
// 'onLoad' unobstructive way ;)
$(document).ready(function(){
    $("#container > ul").tabs();
});
//]]>
</script>
{/literal}
{if $member->member_avatar == 1 }
<div id="avatar">{avatar $j_basepath .'images/avatars/'.$member->id,$member->nickname}</div>
{/if}
<h2><span>{@havefnu~members.profile.of@} {$member->nickname|escxml}</span></h2>
<div id="container">
	<ul>
		<li><a href="#member-identity"><span>{@havefnu~members.identity@}</span></a></li>
		<li><a href="#member-hardware" ><span>{@havefnu~members.hardware@}</span></a></li>
		<li><a href="#member-pref"><span>{@havefnu~members.game.pref@}</span></a></li>
	</ul>
    <div class="box">

        <div id="member-identity">
            <fieldset>
                <legend>{@havefnu~members.identity@}</legend>
                <div class="three-cols">
                    <p class="col">                
                        <label><strong>{@havefnu~members.firstname@}</strong></label><br />{$member->member_firstname|escxml}
                    </p>
                    <p class="col">                    
                        <label><strong>{@havefnu~members.xfire@}</strong></label><br />{$member->member_xfire|escxml}
                    </p>                    
                    <p class="col">                                        
                        <label><strong>{@havefnu~members.age@}</strong></label><br />{age $member->member_birth}
                    </p>
                </div>
                <div class="two-cols">
                    <p class="col">                                        
                        <label><strong>{@havefnu~members.town@}</strong></label><br />{$member->member_town|escxml}
                    </p>
                    <p class="col">                    
                    <label><strong>{@havefnu~members.country@}</strong></label><br />
                    {if $member->member_country != ''}
                        <img src="{$j_basepath.'images/flags/'.$member->member_country.'.gif'}" alt="{@havefnu~members.country@}"/> {$member->member_country|escxml}
                    {/if}
                    </p>
                    
                </div>
                <div>                    
                    <p>
                        <label><strong>{@havefnu~members.comments@}</strong></label><br />{$member->member_comment}
                    </p>
                </div>
            </fieldset>
        </div>
        <div id="member-hardware">
            <fieldset>
                <legend>{@havefnu~members.hardware@}</legend>
                <div class="two-cols">
                    <p class="col">                        
                        <label><strong>{@havefnu~members.connection@}</strong></label><br />{$member->member_connection|escxml}
                    </p>
                    <p class="col"> 
                    <label><strong>{@havefnu~members.os@}</strong></label><br />{$member->member_os|escxml}
                    </p>
                </div>
                <div class="two-cols">
                    <p class="col"> 
                    <label><strong>{@havefnu~members.processor@}</strong></label><br />{$member->member_proc|escxml}
                    </p>
                    <p class="col"> 
                    <label><strong>{@havefnu~members.motherboard@}</strong></label><br />{$member->member_mb|escxml}
                    </p>
                </div>
                <div class="two-cols">                    
                    <p class="col"> 
                    <label><strong>{@havefnu~members.card@}</strong></label><br />{$member->member_card|escxml}
                    </p>
                    <p class="col"> 
                    <label><strong>{@havefnu~members.ram@}</strong></label><br />{$member->member_ram|escxml}
                    </p>
                </div>
                <div class="two-cols">                    
                    <p class="col"> 
                    <label><strong>{@havefnu~members.display@}</strong></label><br />{$member->member_display|escxml}
                    </p>
                    <p class="col"> 
                    <label><strong>{@havefnu~members.screen@}</strong></label><br />{$member->member_screen|escxml}
                    </p>
                </div>
                <div class="two-cols">                    
                    <p class="col"> 
                    <label><strong>{@havefnu~members.mouse@}</strong></label><br />{$member->member_mouse|escxml}
                    </p>
                    <p class="col"> 
                    <label><strong>{@havefnu~members.keyb@}</strong></label><br />{$member->member_keyb|escxml}
                    </p>
                </div>
            </fieldset>
        </div>
        <div id="member-pref"
            <fieldset>
                <legend>{@havefnu~members.game.pref@}</legend>
                <div class="two-cols">                    
                    <p class="col">
                    <label><strong>{@havefnu~members.pref.weapon@}</strong></label><br />{$member->member_weapon|escxml}
                    </p>
                    <p class="col">
                    <label><strong>{@havefnu~members.pref.map@}</strong></label><br />{$member->member_map|escxml}
                    </p>
                </div>
                <div class="two-cols">                    
                    <p class="col">
                    <label><strong>{@havefnu~members.pref.skin.ct@}</strong></label><br />{$member->member_skin_ct|escxml}
                    </p>
                    <p class="col">
                    <label><strong>{@havefnu~members.pref.skin.t@}</strong></label><br />{$member->member_skin_terro|escxml}
                    </p>
                </div>                    
            </fieldset>
        </div>
	</div>                
</div>
